﻿<!DOCTYPE html>
<html>
    <head>
        <meta name="apple-mobile-web-app-capable" content="yes">  
        <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta charset="UTF-8">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title>二维码发布管理</title>
        <link rel="shortcut icon" href="clientapp/images/new_images/favicon.ico"/>
        <link href="/static/home/mobile/css/reset_5.css" rel="stylesheet" type="text/css" />
        <link href="/static/home/mobile/css/style.css" rel="stylesheet" type="text/css" />
        <link href="/static/home/mobile/css/new_style.css" rel="stylesheet" type="text/css" />
        
        
    </head>
    <style type="text/css">
        /*reset*/
        * {
           margin: 0px;
           padding: 0px;
        }
        html {
           font-size: 62.5%;
        }
        body {
           font-family: "微软雅黑", "Microsoft Yahei", "Arial";
           font-size: 1.4rem;
           background: #fff;
           line-height: 1.5;
           color: #333;
           overflow-x: hidden;
           overflow-y: auto;
           -webkit-overflow-scrolling: touch;
        }
        a {
           text-decoration: none;
           -webkit-transition: all 0.3s ease-in-out;
           transition: all 0.3s ease-in-out;
           color: #333;
        }
        .head{
            background-color: #e74b3c;
            height: 64px;
            line-height: 64px;
            text-align: center;
            color: #fff;
            font-size: 2.0rem;
            position: relative;
        }
        .head a{
            position: absolute;
            left: 0px;
            top: 0px;
            width: 50px;
            text-align: center;
        }
        .site-header .tit-name{
            font-size: 1.6rem;
            text-indent: -60px;
        }
        .tips{
            display: inline-block;
            width: 100%;
            text-align: center;
            margin-top: 120px;
        }
        .notice-img{
            margin-bottom: 40px;
        }
        p{
            font-size: 1.4rem;
            line-height: 30px;
        }
        .notice-content{
            width: 85%;
            font-size: 1.4rem;
            line-height: 30px;
            text-align: center;
            margin: auto;
        }
        .detail{
            padding:80px 15px 15px 15px;
            overflow-x: hidden;
        }
        .detail img{
            max-width: 100%;
        }
        
.wrap{width: 100%; margin: 0 auto; position: relative;}
.manage-case-list {
    background: #f2f2f2;
}

.manage-case-list .tc-sec{background: #fff}
.manage-case-list .tc-sec:first-child{margin-top: 0}

.tcline-item {
    border-bottom: 1px solid #eee;
    padding: 8px 0 5px;
    margin: 0;
    overflow: hidden;
    background: #FFF;
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    z-index: 2;
}

.tcline-item{border-bottom: 1px solid #eee; padding: 8px 0 5px; margin: 0; overflow: hidden; background: #FFF; box-sizing: border-box; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; z-index: 2}
.tcline-item .avatar-label{display: block; position: relative; margin: 0 .3em; width: 52px; max-width: 52px; box-sizing: border-box}
.tcline-item .avatar-label span{}
.tcline-item .avatar-label span p{padding: 1px 0px 2px; margin: 0px; font-size: 0.75em !important; text-align: center}
.tcline-item .avatar{width: 50px; height: 50px; border-radius: 50%}
.tcline-item .hb-label{z-index: 2; position: absolute; top: 38px; left: 4px; padding-top: 1.6rem; white-space: nowrap; -webkit-animation: swing linear 2s infinite; animation: swing linear 2s infinite; -webkit-transform-origin: center top; transform-origin: center top}
.tcline-item .hb-label:before{content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 1.8rem; background-color: #fd4646; background: linear-gradient(to bottom,rgba(253,70,70,.1),rgba(253,70,70,.88),rgba(253,70,70,1)); transform: scaleX(.5)}
.tcline-item .hb-label img{width: 30px}
@-webkit-keyframes swing{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg)} 25%{-webkit-transform: rotate(5deg); transform: rotate(5deg)} 50%{-webkit-transform: rotate(0deg); transform: rotate(0deg)} 75%{-webkit-transform: rotate(-5deg); transform: rotate(-5deg)} 100%{-webkit-transform: rotate(0deg); transform: rotate(0deg)}}
.tcline-item .sex{position: absolute; right: -1px; top: 38px; width: 12px; height: 12px}
.tcline-item .act-bar{display: none}
.tcline-item .autoheight ~ .act-bar{display: block}
.tcline-item .act{background: #FFF; padding: 5px 5px; margin: 5px 10px 5px 0; display: inline-block; font-size: 12px; color: #666; border: 1px solid #d9d9d9; border-radius: 5px; cursor: pointer}
.tcline-item .act.blue{background: #35a6ee; border: 1px solid #35a6ee; color: #FFF}
.tcline-item .act .iconfont{margin-right: 1px}
.avatar-label .act{padding: 8px 0; width: 100%; text-align: Center; cursor: pointer}
.avatar-label .act .iconfont{margin: 0}
.tcline-item .tcline-detail{box-sizing: border-box; width: 90%}

.tc-sec .btn-group{border-bottom: 0 solid #d5dadc}
.bg-blue {
    background: #f2f2f2!important;
}
.clear10 {
    height: 10px;
}

.btn-group{padding: .5em .1em 0em; text-align: center; box-sizing: border-box; overflow: hidden; clear: both; background-color: #fff}
.btn-group .red{color: #fd8136; border: 1px solid #fd8136}
.btn-group a,.btn-group button{display: inline-block; line-height: 2em; color: #7b7b7b; margin: 0 .1em;  width: auto; padding: 0 2px; border-radius: .2em; border: 1px solid #e0e0e0; margin-bottom: 5px; font-size: 0.8em;}

.questionBjmp {
    cursor: pointer;
    width: 16px;
    height: 16px;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    background: #999;
    color: #fff;
    display: inline-block;
    margin-left: 5px;
}
    </style>
    <body>
        <div class="site-header header-fixed">
            <a onclick="window.history.back();" class="back"></a>
            <div class="tit-name">二维码发布管理</div>
            <a href="javascript:location.reload();" style="top:0px;" class="sc">刷新</a>
        </div>

        
        <div style="padding:10px;line-height: 20px; text-align: left; margin-top:10px; padding-bottom: 5px; font-size: 12px; color: #0F9932; border-bottom: 1px dotted #0F9932;margin-top:50px; "><p>说明：1、加粉二维码有效期为2个月，过期后图片不再展示，若置顶则以置顶结束时间为止;</p><p style="text-indent: 36px">2、广告排序优先级：<font color="red">置顶+刷新-&gt;&gt;置顶-&gt;&gt;刷新</font></p></div>
                                                   
            {if !empty($tasks)}
            
 {volist name="tasks" id="task" key="k"}
 
<section class="wrap">
        <section class="manage-case-list">
            <section class="tc-sec mt0">
                <ul>
 
                    <div class="tcline-item">
                        <div class="avatar-label">
                            <a href="">
                                <img src="{$task.photo}" class="avatar"></a>
                        </div>
                        <div class="tcline-detail"><span><a class="tc-template__bg" href="/hufen/index.php?fentype=1"></a></span><span><a class="tc-template__bg">ID:{$task.connection_id}</a></span>&nbsp;<a class="username" href="">{$task.title}</a>
                            <article>
                                <p>{$task.introduce}</p>
                            </article>
                            <div class="detail-toggle">全文</div>

                            <div class="detail-pics clearfix">
                                <input type="hidden" name="photo_list" class="photo_list" value="//hufen/upload/20200122/small_1579695032C5256B70-630D-8F1C-BF6E-239FCB4F51A7.jpeg|//hufen/upload/20200122/15796951341F5C3869-A1E7-35CD-0C71-5D26B0F411B2.jpeg">
                                <a href="javascript:void(0);" onclick="showPicList($(this),0);"><img src="{$task.qrcode}"></a>
                                                                                           </div>


                            <div class="detail-time">
                                <a><span>{$task.add_time}</span><span style="float: right; padding-right: 10px;">

                                            
                                        </span></a>
                            </div>
                            <div id="group-124052" class="detail-cmt-wrap">
                                <i class="detail-cmtr"></i>
                                <div class="detail-cmt">
                                    <div class="like-list">
                                        排名:<font color="red">第{$task.rank}名</font><span class="questionBjmp" onclick="showNote('当前首页位置众多用户在抢占，您可通过置顶加上刷新来提升排名')">?</span>&nbsp;&nbsp;曝光率:{$task.click}                                     
                                        <span style="float: right;">有效期余:<font color="red">
                                        	{$task.expire_day}</font>天</span>
                                        </div>
                                </div>
                            </div>
                            <span style=" margin: 0 auto; width: 100%; line-height: 20px; font-size:12px; text-align: left; color: #f39c11; display: block;">公示:发<font color="red">涉黄图片</font>或损害其它站长利益的<font color="red">同类型广告、加粉、任务平台信息</font>将做<font color="red">封号</font>处理;禁止发布多条雷同信息刷屏</span>
                                                    </div>
                    </div>
                    <section class="btn-group">
						 {if $task['is_refresh']}
							 <a href="/home/connection/top/id/{$task.connection_id}">已自动刷新</a>
						 {else /}
                        <a href="/home/connection/autoRefresh/id/{$task.connection_id}"  style="color: red">自动刷新</a>
                        <a href="javascript:void(0);" onclick="refresh({$task.connection_id});">刷新</a>
                        {/if}
                        {if $task['is_top']}
                        <a href="javascript:;">已置顶</a>
                        {else /}
	                        <a href="/home/connection/top/id/{$task.connection_id}">置顶</a>
                        {/if}
                        <a href="/home/connection/publish/id/{$task.connection_id}">修改</a>
                        <a href="javascript:void(0);" onclick="deladvinfo({$task.connection_id});">删除</a>
                        <a href="/home/connection/select" style="color: green">新增</a>
                    </section>
                    <div class="clear10 bg-blue"></div>                </ul>
            </section>
        </section>

    </section>
    {/volist}
{/if}
      <script src="/static/home/mobile/js/jquery.min.js"></script>
     <script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
     
<script>
	    function deladvinfo (id) {
        layer.open({
            content: '您确定要删除而不是修改本信息吗？删除后上的头条、置顶或刷新将失效且无法退款。'
            ,btn: ['确定', '取消']
            ,yes: function(index){
                $.ajax({
                    type: "GET",
                    url: "/home/connection/delete",
                    data: {id:id},
                    success: function(res){
                     
                    	if(res.type == 'success'){
                    		alert(res.message)
                    		location.reload();
                    	}else{
                    		alert(res.message)
                    	}
                    }
                });
                layer.close(index);
            }
        });
    }
    var refresh_fee="{$refresh_fee}"
	function refresh (id) {
        layer.open({
            content: '您确定要刷新本信息吗？刷新后将扣除'+refresh_fee+'元，无法退款。'
            ,btn: ['确定', '取消']
            ,yes: function(index){
                $.ajax({
                    type: "GET",
                    url: "/home/connection/refresh",
                    data: {id:id},
                    success: function(res){
                     
                    	if(res.type == 'success'){
                    		alert(res.message)
                    		location.reload();
                    	}else{
                    		alert(res.message)
                    	}
                    }
                });
                layer.close(index);
            }
        });
    }
    
</script>

</body>
</html>